<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" type="text/css" href="../css/xiangqing.css">
    <script src="../js/lib/jquery-1.12.3.min.js"></script>
    <script src="../js/lib/jquery.goup.min.js"></script>
    <script src="../js/xq.js"></script>
    <style>
        /*字体*/
        @font-face {
            font-family: 'iconfont';
            src: url('../css/font_g9hp8zyqvp/iconfont.eot');
            src: url('../css/font_g9hp8zyqvp/iconfont.eot?#iefix') format('embedded-opentype'),
            url('../css/font_g9hp8zyqvp/iconfont.woff2') format('woff2'),
            url('../css/font_g9hp8zyqvp/iconfont.woff') format('woff'),
            url('../css/font_g9hp8zyqvp/iconfont.ttf') format('truetype'),
            url('../css/font_g9hp8zyqvp/iconfont.svg#iconfont') format('svg');
        }
        .iconfont {
            font-family: "iconfont" !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
    </style>

</head>
<body>
<header id="header">
    <div class="header wrap clear">
        <div class="headerl clear">
            <a href="#">梦芭莎首页</a>
            <span>100%正品保证 创立于2006年</span>
        </div>
        <ul class="headerr clear">
            <li><a href="#">登陆</a><span>|</span></li>
            <li><a href="#">注册</a><span>|</span></li>
            <li><a href="#"><span class="iconfont" style="color:lawngreen">&#xe61a;</span>微信</a><span>|</span></li>
            <li><a href="#"><span class="iconfont" style="color:orangered">&#xf0093;</span>微博</a><span>|</span></li>
            <li><a href="#"><span class="iconfont" style="color:deeppink">&#xe622;</span>手机版</a><span>|</span></li>
            <li><a href="#">收藏梦芭莎</a><span>|</span></li>
            <li><a href="#"><span class="iconfont" style="color:deeppink">&#xe61d;</span>购物车</a><span>|</span></li>
            <li><a href="#">全部分类</a></li>
        </ul>
    </div>
</header>
<!--梦芭莎搜索框-->
<div id="mbs">
    <div class="mbs wrap clear">
        <div class="mbsl clear">
            <img src="../image/logomoonbasa.png">
            <div class="mbsdiv">
                <p>原创设计女装</p>
                <p>梦芭莎自营品牌</p>
            </div>
        </div>
        <div class="mbsr clear">
            <input placeholder="时髦美妈 冻龄计划 千万精品低至9元">
            <button>搜全站</button>
            <button>搜本店</button>
        </div>
    </div>
</div>
<!--所然图标部分-->
<div id="banner">
    <div class="banner wrap clear"></div>
</div>
<!--导航部分-->
<div id="nav">
    <div class="nav wrap clear">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">全部商品</a></li>
            <li><a href="#">19春夏新品</a></li>
            <li><a href="#">春夏推荐</a></li>
            <li><a href="#">连衣裙</a></li>
            <li><a href="#">上衣</a></li>
            <li><a href="#">外套</a></li>
            <li><a href="#">半身裙</a></li>
            <li><a href="#">裤装</a></li>
            <li><a href="#">配饰</a></li>
            <li><a href="#">活动专区</a></li>
        </ul>
    </div>
</div>
<!--首页小字部分-->
<div id="sy">
    <div class="sy wrap">
        <a href="#">首页></a>
        <a href="#">当季新品></a>
        <a href="#">T恤/衬衫></a>
        <a href="#">全部新品</a>
    </div>
</div>
<!--详情放大镜-->
<div id="fdj">
    <div class="fdj wrap clear">
        <div class="fdjl clear">
            <div class="box">
                <div class="big">
                    <div class="xq"></div>
                    <img class="ltup" src="../image/imgbuycar/182019201-014-01-L.jpg">
                </div>
                <div class="small clear">
                    <ul class="clear">
                        <div><</div>
                        <li>
                            <img src="../image/imgbuycar/182019201-014-01-S.jpg">
                        </li>
                        <li>
                            <img src="../image/imgbuycar/182019201-014-02-S.jpg">
                        </li>
                        <li>
                            <img src="../image/imgbuycar/182019201-014-03-S.jpg">
                        </li>
                        <li>
                            <img src="../image/imgbuycar/182019201-014-04-S.jpg">
                        </li>
                        <li>
                            <img src="../image/imgbuycar/182019201-014-05-S.jpg">
                        </li>
                        <div>></div>
                    </ul>
                </div>
                <div class="dbig">
                    <img src="../image/imgbuycar/182019201-014-01-H.jpg">
                </div>
            </div>

        </div>
        <div class="fdjc">
            <p class="srp">所然原创文艺简约经典针织立裁结构式短袖T恤</p>
            <div class="srtp">
                <p>¥<em>139</em></p>
                <p><span>包邮</span></p>
                <div class="telgm">
                    <a><img src="../image/imgbuycar/move01.gif"></a>
                    <div class="ewm"><img src="../image/1.gif"><span>X</span></div>
                </div>
            </div>
            <div class="ysdiv">
                <span class="ysspan">颜色</span>
                <em class="current">米白色</em>
                <em>樱花粉</em>
            </div>
            <div class="sizediv">
                <span>尺码</span>
                <em class="current">S</em>
                <em>M</em>
                <em>L</em>
                <em>XL</em>
            </div>
            <div class="sldiv">
                <span>数量</span>
                <span><input value="1" style="width: 20px;"></span><button>+</button><button>-</button>
            </div>
            <div class="btndiv"><button>加入购物车</button><button>我的购物车</button></div>
            <p class="wbp">
                <span>7天无条件退换货 </span>
                <span>满180元免运费</span>
                <span>梦芭莎发货 </span>
            </p>
        </div>
        <div class="fdjr">
            <div class="fdjrn">
                <p>--看了又看--</p>
                <ul>
                    <li>
                        <a href="#"><img src="../image/imgbuycar/182015264-035-01-S.jpg"></a>
                        <p>¥129</p>
                    </li>
                    <li>
                        <a href="#"><img src="../image/imgbuycar/182015264-035-01-S.jpg"></a>
                        <p>¥129</p>
                    </li>
                    <li>
                        <a href="#"><img src="../image/imgbuycar/182015264-035-01-S.jpg"></a>
                        <p>¥129</p>
                    </li>
                    <li>
                        <a href="#"><img src="../image/imgbuycar/182019201-M35-01-S.jpg"></a>
                        <p>¥129</p>
                    </li>
                    <li>
                        <a href="#"><img src="../image/imgbuycar/182019201-M35-01-S.jpg"></a>
                        <p>¥129</p>
                    </li>
                    <li>
                        <a href="#"><img src="../image/imgbuycar/182019201-M35-01-S.jpg"></a>
                        <p>¥129</p>
                    </li>
                    <li>
                        <a href="#"><img src="../image/imgbuycar/467217303-009-01-L.jpg"></a>
                        <p>¥129</p>
                    </li>
                    <li>
                        <a href="#"><img src="../image/imgbuycar/467217303-009-01-L.jpg"></a>
                        <p>¥129</p>
                    </li>
                    <li>
                        <a href="#"><img src="../image/imgbuycar/467217303-009-01-L.jpg"></a>
                        <p>¥129</p>
                    </li>
                </ul>
                <div>
                    <button class="jd">+</button>
                    <button class="js">-</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--商品详情介绍-->
<section>
    <div class="section wrap clear">
        <div class="secbox clear">
            <div class="sectionl clear">
                <ul>
                    <li>
                        <a href="#">
                            <img src="../image/imgbuycar/M4_24_160100.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../image/imgbuycar/M4_24_160100.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../image/imgbuycar/M4_24_160100.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../image/imgbuycar/M4_24_160100.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../image/imgbuycar/M4_24_160100.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../image/imgbuycar/M4_24_160100.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../image/imgbuycar/M4_24_160100.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../image/imgbuycar/M4_24_160100.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../image/imgbuycar/M4_24_160100.jpg">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="sectionr clear">
                <div class="snavt">
                    <p>
                        <span class="current">商品详情</span>
                        <span>如何支付</span>
                        <span>7天无条件退货</span>
                    </p>
                </div>
                <div class="snavb  current">
                    <div class="shuxing">
                        <img src="../image/imgbuycar/bg.jpg">
                    </div>
                    <div class="spshow">
                        <img src="../image/imgbuycar/23.jpg">
                        <img src="../image/imgbuycar/sm.jpg">
                        <img src="../image/imgbuycar/ww.jpg">
                        <img src="../image/imgbuycar/js.jpg">
                        <img src="../image/imgbuycar/zh.jpg">
                    </div>
                </div>
                <div class="snavb">
                    <div class="rhzf">
                        <img src="../image/imgbuycar/3R4TMWN$}M}QDJV9U2(443N.png">
                    </div>
                </div>
                <div class="snavb">
                    <div class="qtth">
                        <img src="../image/imgbuycar/GL@_~OV787ULJUD@M5X)1W8.png">
                    </div>
                </div>



            </div>
        </div>
    </div>
</section>
<!--最底部-->
<footer>
    <div class="topfooter">
        <div class="wrap clear tfooter">
            <div class="tfl clear">
                <ul class="tfulo clear">
                    <li>
                        <ul class="tfult">
                            <li>
                                <a href="#">新手指南</a>
                            </li>
                            <li>
                                <a href="#">注册新用户</a>
                            </li>
                            <li>
                                <a href="#">如何订购</a>
                            </li>
                            <li>
                                <a href="#">如何修改订单</a>
                            </li>
                            <li>
                                <a href="#">尺码对照表</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <ul class="tfult">
                            <li>
                                <a href="#">支付方式</a>
                            </li>
                            <li>
                                <a href="#">支付方式</a>
                            </li>
                            <li>
                                <a href="#">账户提现及退款时效</a>
                            </li>
                            <li>
                                <a href="#">查看账户余额</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <ul class="tfult">
                            <li>
                                <a href="#">配送方式</a>
                            </li>
                            <li>
                                <a href="#">配送费收取标准</a>
                            </li>
                            <li>
                                <a href="#">配送范围及配送时效</a>
                            </li>
                            <li>
                                <a href="#">签收注意事项</a>
                            </li>
                            <li>
                                <a href="#">海外订购</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <ul class="tfult">
                            <li>
                                <a href="#">退换货服务</a>
                            </li>
                            <li>
                                <a href="#">退换货政策</a>
                            </li>
                            <li>
                                <a href="#">退换货流程</a>
                            </li>
                            <li>
                                <a href="#">隐私声明</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <ul class="tfult">
                            <li>
                                <a href="#">会员制度及优惠</a>
                            </li>
                            <li>
                                <a href="#">优惠活动</a>
                            </li>
                            <li>
                                <a href="#">VIP优惠尊享</a>
                            </li>
                            <li>
                                <a href="#">大宗购物</a>
                            </li>
                            <li>
                                <a href="#">积分制度</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <ul class="tfult">
                            <li>
                                <a href="#">帮助中心</a>
                            </li>
                            <li>
                                <a href="#">忘记密码</a>
                            </li>
                            <li>
                                <a href="#">常见问题</a>
                            </li>
                            <li>
                                <a href="#">在线客服</a>
                            </li>
                            <li>
                                <a href="#">联系我们</a>
                            </li>
                            <li>
                                <a href="#">转向平台</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <ul class="tfult">
                            <li>
                                <a href="#">咨询订购</a>
                            </li>
                            <li>
                                <a href="#">83488888</a>
                            </li>
                            <li>
                                <a href="#">客户服务</a>
                            </li>
                            <li>
                                <a href="#">9823423</a>
                            </li>
                            <li>
                                <a href="#">服务热线</a>
                            </li>
                            <li>
                                <a href="#">83858899</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="tfr clear">
                <img src="../image/M4_14_150441.png">
            </div>
        </div>
    </div>

    <div class="centerfooter wrap">
        <ul class="clear cful">
            <li><img src="../image/mbs_img_1.jpg"></li>
            <li><img src="../image/mbs_img_1.jpg"></li>
            <li><img src="../image/mbs_img_1.jpg"></li>
        </ul>
    </div>
    <div class="bottomfooter wrap">
        <ul class="clear bful">
            <li>
                <a href="#">首页</a>
            </li>
            <li>
                <a href="#">旗下品牌</a>
            </li>
            <li>
                <a href="#">零售店址</a>
            </li>
            <li>
                <a href="#">梦芭莎网盟</a>
            </li>
            <li>
                <a href="#">网址代理</a>
            </li>
            <li>
                <a href="#">网站地图</a>
            </li>
            <li>
                <a href="#">友情链接</a>
            </li>
        </ul>
        <p>Copyright © 2010-2019 梦芭莎官方网站，s
            <a href="#">广州摩拉网络科技有限公司</a>
            All Rights Reserved 粤B2-20080069号 粤公网安备44010302000075
        </p>
    </div>
</footer>
<!--全部分类的划入效果-->
<div id="qbfl">
    <div class="qbfl clear">
        <div class="lll clear">
            <h3>热门推荐</h3>
            <ul class="clear">
                <li>
                    <div><a href="#"><img src="../image/qb.jpg"></a></div>
                    <div>
                        <p><a href="#">新品</a><a href="#">连衣裙</a><a href="#">半裙</a></p>
                        <p><a href="#">百搭T恤</a><a href="#">衬衫</a></p>
                        <p><a href="#">小衫</a><a href="#">薄外套</a><a href="#">西装</a></p>
                    </div>
                    <div>
                        <p>
                            <a href="#">欧美风</a>
                            <a href="#">日韩风</a>
                            <a href="#">原创风</a>
                        </p>
                    </div>
                </li>
                <li>
                    <div><a href="#"><img src="../image/qb.jpg"></a></div>
                    <div>
                        <p><a href="#">新品</a><a href="#">连衣裙</a><a href="#">半裙</a></p>
                        <p><a href="#">百搭T恤</a><a href="#">衬衫</a></p>
                        <p><a href="#">小衫</a><a href="#">薄外套</a><a href="#">西装</a></p>
                    </div>
                    <div>
                        <p>
                            <a href="#">意式时尚</a>
                            <a href="#">年轻潮牌</a>
                        </p>
                    </div>
                </li>
                <li>
                    <div><a href="#"><img src="../image/qb.jpg"></a></div>
                    <div>
                        <p><a href="#">新品</a><a href="#">连衣裙</a><a href="#">半裙</a></p>
                        <p><a href="#">百搭T恤</a><a href="#">衬衫</a></p>
                        <p><a href="#">小衫</a><a href="#">薄外套</a><a href="#">西装</a></p>
                    </div>
                    <div>
                        <p>
                            <a href="#">欧美风</a>
                            <a href="#">日韩风</a>
                            <a href="#">原创风</a>
                        </p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="ccc clear">
            <h3>美国进口</h3>
            <div class="clear divc">
                <a href="#"><img src="../image/0826143310.jpg"></a>
            </div>
            <ul class="clear ulc">
                <li>
                    <a href="#"><img src="../image/wd.jpg"></a>
                </li>
                <li>
                    <a href="#"><img src="../image/wd.jpg"></a>
                </li>
                <li>
                    <a href="#"><img src="../image/wd.jpg"></a>
                </li>
                <li>
                    <a href="#"><img src="../image/wd.jpg"></a>
                </li>
                <li>
                    <a href="#"><img src="../image/wd.jpg"></a>
                </li>
                <li>
                    <a href="#"><img src="../image/wd.jpg"></a>
                </li>
            </ul>

        </div>
        <div class="rrr clear">
            <h3>特色专区</h3>
           <div>
               <img src="../image/wd.jpg">
               <h3>更多专区</h3>
               <p><a href="#">美鞋</a>
                   <a href="#">美妆</a>
                   <a href="#">美包</a></p>
           </div>
        </div>

    </div>
</div>
</body>
</html>